<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>动画</title>
		<style>
			#p1{
				border: 5px solid gold;
				border-radius: 50%;
				width: 700px;
				height: 700px;
				overflow: hidden;
			}
			#p1:hover{
				transform: translate(10px,20px) scale(0.5) rotate(7200deg);
				transition: all 4s;
			}
			#p1 img{
				
			}
		</style>
	</head>
	<body>
		<div id="p1">
			<img src="../image/icon.png"/>
		</div>
	</body>
</html>